<template>
  <div class="app-container">
    <vue-ueditor-wrap v-model="content" :config="config"/>
  </div>
</template>
<script>
import VueUeditorWrap from 'vue-ueditor-wrap'

export default {
  name: '',
  components: { VueUeditorWrap },
  props: {
    value: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      content: '',
      // 富文本编辑器配置
      config: {
        initialFrameWidth: '100%',
        initialFrameHeight: '100%',
        UEDITOR_HOME_URL: './lib/UEditor/'
      }
    }
  },
  watch: {
    content(value) {
      this.$emit('input', value)
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
</style>
